﻿<!DOCTYPE html>
<html>
  <head>
    <title>抽屉</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/抽屉/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/抽屉/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u7952" class="ax_default">
        <div id="u7952_state0" class="panel_state" data-label="State1" style="">
          <div id="u7952_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7953" class="ax_default box_2">
              <div id="u7953_div" class=""></div>
              <div id="u7953_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7954" class="ax_default paragraph">
              <div id="u7954_div" class=""></div>
              <div id="u7954_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u7955" class="ax_default" data-label="header">
        <div id="u7955_state0" class="panel_state" data-label="State1" style="">
          <div id="u7955_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7956" class="ax_default box_1">
              <div id="u7956_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7957" class="ax_default">
              <div id="u7957_state0" class="panel_state" data-label="State1" style="">
                <div id="u7957_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7958" class="ax_default box_1">
                    <div id="u7958_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7959" class="ax_default box_1">
                    <div id="u7959_div" class=""></div>
                    <div id="u7959_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7960" class="ax_default box_1">
                    <div id="u7960_div" class=""></div>
                    <div id="u7960_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u7961" class="ax_default image">
                    <img id="u7961_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7962" class="ax_default box_1">
                    <img id="u7962_img" class="img " src="images/index/u11.png"/>
                    <div id="u7962_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7963" class="ax_default box_1">
        <div id="u7963_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u7965" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7965_div" class=""></div>
        <div id="u7965_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7966" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7966_div" class=""></div>
        <div id="u7966_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7967" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7967_div" class=""></div>
        <div id="u7967_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7968" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7968_div" class=""></div>
        <div id="u7968_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7969" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-light">
        <div id="u7969_div" class=""></div>
        <div id="u7969_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7970" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7970_div" class=""></div>
        <div id="u7970_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7971" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7971_div" class=""></div>
        <div id="u7971_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7972" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7972_div" class=""></div>
        <div id="u7972_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7973" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7973_div" class=""></div>
        <div id="u7973_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7974" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7974_div" class=""></div>
        <div id="u7974_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7975" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7975_div" class=""></div>
        <div id="u7975_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7976" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7976_div" class=""></div>
        <div id="u7976_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7977" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7977_div" class=""></div>
        <div id="u7977_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7978" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7978_div" class=""></div>
        <div id="u7978_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7979" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7979_div" class=""></div>
        <div id="u7979_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7980" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7980_div" class=""></div>
        <div id="u7980_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7981" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7981_div" class=""></div>
        <div id="u7981_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7982" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7982_div" class=""></div>
        <div id="u7982_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7983" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7983_div" class=""></div>
        <div id="u7983_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7984" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7984_div" class=""></div>
        <div id="u7984_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7985" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7985_div" class=""></div>
        <div id="u7985_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7986" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-light">
        <div id="u7986_div" class=""></div>
        <div id="u7986_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7987" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7987_div" class=""></div>
        <div id="u7987_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7988" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7988_div" class=""></div>
        <div id="u7988_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7989" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7989_div" class=""></div>
        <div id="u7989_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7990" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7990_div" class=""></div>
        <div id="u7990_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7991" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7991_div" class=""></div>
        <div id="u7991_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7992" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7992_div" class=""></div>
        <div id="u7992_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7993" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7993_div" class=""></div>
        <div id="u7993_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7994" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7994_div" class=""></div>
        <div id="u7994_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7995" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-light">
        <div id="u7995_div" class=""></div>
        <div id="u7995_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7996" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7996_div" class=""></div>
        <div id="u7996_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7997" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7997_div" class=""></div>
        <div id="u7997_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7998" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7998_div" class=""></div>
        <div id="u7998_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7999" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u7999_div" class=""></div>
        <div id="u7999_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8000" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8000_div" class=""></div>
        <div id="u8000_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8001" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8001_div" class=""></div>
        <div id="u8001_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8002" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8002_div" class=""></div>
        <div id="u8002_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8003" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-light">
        <div id="u8003_div" class=""></div>
        <div id="u8003_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8004" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8004_div" class=""></div>
        <div id="u8004_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8005" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8005_div" class=""></div>
        <div id="u8005_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8006" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8006_div" class=""></div>
        <div id="u8006_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8007" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8007_div" class=""></div>
        <div id="u8007_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8008" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-light">
        <div id="u8008_div" class=""></div>
        <div id="u8008_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8009" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-light">
        <div id="u8009_div" class=""></div>
        <div id="u8009_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8010" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8010_div" class=""></div>
        <div id="u8010_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8011" class="ax_default box_1 selected" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8011_div" class="selected"></div>
        <div id="u8011_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8012" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-light">
        <div id="u8012_div" class=""></div>
        <div id="u8012_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8013" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8013_div" class=""></div>
        <div id="u8013_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8014" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8014_div" class=""></div>
        <div id="u8014_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8015" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8015_div" class=""></div>
        <div id="u8015_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8016" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8016_div" class=""></div>
        <div id="u8016_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8017" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8017_div" class=""></div>
        <div id="u8017_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8018" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8018_div" class=""></div>
        <div id="u8018_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8019" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8019_div" class=""></div>
        <div id="u8019_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8020" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8020_div" class=""></div>
        <div id="u8020_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8021" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8021_div" class=""></div>
        <div id="u8021_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8022" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8022_div" class=""></div>
        <div id="u8022_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8023" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8023_div" class=""></div>
        <div id="u8023_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8024" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8024_div" class=""></div>
        <div id="u8024_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8025" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8025_div" class=""></div>
        <div id="u8025_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8026" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8026_div" class=""></div>
        <div id="u8026_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8027" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-fenzu-light">
        <div id="u8027_div" class=""></div>
        <div id="u8027_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8028" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-light">
        <div id="u8028_div" class=""></div>
        <div id="u8028_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8029" class="ax_default box_1" selectiongroup="u7964nav-cebianlan-light">
        <div id="u8029_div" class=""></div>
        <div id="u8029_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8031" class="ax_default">
        <div id="u8031_state0" class="panel_state" data-label="State1" style="">
          <div id="u8031_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8032" class="ax_default box_1">
              <div id="u8032_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8033" class="ax_default">
              <div id="u8033_state0" class="panel_state" data-label="State1" style="">
                <div id="u8033_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8034" class="ax_default box_1">
                    <div id="u8034_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8035" class="ax_default label">
                    <div id="u8035_div" class=""></div>
                    <div id="u8035_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8036" class="ax_default label">
                    <div id="u8036_div" class=""></div>
                    <div id="u8036_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8037" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8038" class="ax_default label">
                      <div id="u8038_div" class=""></div>
                      <div id="u8038_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8039" class="ax_default paragraph">
                      <div id="u8039_div" class=""></div>
                      <div id="u8039_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8040" class="ax_default label">
                    <div id="u8040_div" class=""></div>
                    <div id="u8040_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8041" class="ax_default label">
                    <div id="u8041_div" class=""></div>
                    <div id="u8041_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8042" class="ax_default label">
                    <div id="u8042_div" class=""></div>
                    <div id="u8042_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8043" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8044" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8045" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8046" class="ax_default image">
                    <img id="u8046_img" class="img " src="images/index/u95.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8047" class="ax_default label">
                    <div id="u8047_div" class=""></div>
                    <div id="u8047_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8048" class="ax_default paragraph">
                    <div id="u8048_div" class=""></div>
                    <div id="u8048_text" class="text ">
                      <p><span>www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8049" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8050" class="ax_default label">
                      <div id="u8050_div" class=""></div>
                      <div id="u8050_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8051" class="ax_default paragraph">
                      <div id="u8051_div" class=""></div>
                      <div id="u8051_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8052" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8053" class="ax_default label">
                      <div id="u8053_div" class=""></div>
                      <div id="u8053_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8054" class="ax_default paragraph">
                      <div id="u8054_div" class=""></div>
                      <div id="u8054_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- normal-right (Dynamic Panel) -->
      <div id="u8055" class="ax_default ax_default_hidden" data-label="normal-right" style="display:none; visibility: hidden">
        <div id="u8055_state0" class="panel_state" data-label="State1" style="">
          <div id="u8055_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8056" class="ax_default box_1">
              <img id="u8056_img" class="img " src="images/抽屉/u8056.png"/>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u8057" class="ax_default" data-label="content">
              <div id="u8057_state0" class="panel_state" data-label="State1" style="">
                <div id="u8057_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8058" class="ax_default box_1">
                    <div id="u8058_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8059" class="ax_default box_1">
                    <div id="u8059_div" class=""></div>
                    <div id="u8059_text" class="text ">
                      <p><span>Basic Drawer Right</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8060" class="ax_default label">
                    <div id="u8060_div" class=""></div>
                    <div id="u8060_text" class="text ">
                      <p><span>Some contents...</span></p><p><span>Some contents...</span></p><p><span>Some contents...</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8061" class="ax_default heading_1">
        <div id="u8061_div" class=""></div>
        <div id="u8061_text" class="text ">
          <p><span>Drawer 抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8062" class="ax_default heading_1">
        <div id="u8062_div" class=""></div>
        <div id="u8062_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8063" class="ax_default label">
        <div id="u8063_div" class=""></div>
        <div id="u8063_text" class="text ">
          <p><span>抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到到原任务。</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8064" class="ax_default label">
        <div id="u8064_div" class=""></div>
        <div id="u8064_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8065" class="ax_default label">
        <div id="u8065_div" class=""></div>
        <div id="u8065_text" class="text ">
          <p><span>基础抽屉，点击触发按钮抽屉从右滑出，点击遮罩区关闭。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8066" class="ax_default box_1">
        <div id="u8066_div" class=""></div>
        <div id="u8066_text" class="text ">
          <p><span>打开抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8067" class="ax_default label">
        <div id="u8067_div" class=""></div>
        <div id="u8067_text" class="text ">
          <p><span>左侧滑出</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8068" class="ax_default label">
        <div id="u8068_div" class=""></div>
        <div id="u8068_text" class="text ">
          <p><span>基础抽屉，点击触发按钮抽屉从左滑出，点击遮罩区关闭。</span></p>
        </div>
      </div>

      <!-- normal-left (Dynamic Panel) -->
      <div id="u8069" class="ax_default ax_default_hidden" data-label="normal-left" style="display:none; visibility: hidden">
        <div id="u8069_state0" class="panel_state" data-label="State1" style="">
          <div id="u8069_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8070" class="ax_default box_1">
              <img id="u8070_img" class="img " src="images/抽屉/u8056.png"/>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u8071" class="ax_default" data-label="content">
              <div id="u8071_state0" class="panel_state" data-label="State1" style="">
                <div id="u8071_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8072" class="ax_default box_1">
                    <div id="u8072_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8073" class="ax_default box_1">
                    <div id="u8073_div" class=""></div>
                    <div id="u8073_text" class="text ">
                      <p><span>Basic Drawer Left</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8074" class="ax_default label">
                    <div id="u8074_div" class=""></div>
                    <div id="u8074_text" class="text ">
                      <p><span>Some contents...</span></p><p><span>Some contents...</span></p><p><span>Some contents...</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8075" class="ax_default box_1">
        <div id="u8075_div" class=""></div>
        <div id="u8075_text" class="text ">
          <p><span>打开抽屉</span></p>
        </div>
      </div>

      <!-- object (Dynamic Panel) -->
      <div id="u8076" class="ax_default ax_default_hidden" data-label="object" style="display:none; visibility: hidden">
        <div id="u8076_state0" class="panel_state" data-label="State1" style="">
          <div id="u8076_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8077" class="ax_default box_1">
              <img id="u8077_img" class="img " src="images/抽屉/u8056.png"/>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u8078" class="ax_default" data-label="content">
              <div id="u8078_state0" class="panel_state" data-label="State1" style="">
                <div id="u8078_state0_content" class="panel_state_content">

                  <!-- Unnamed (Group) -->
                  <div id="u8079" class="ax_default" data-left="0" data-top="0" data-width="703" data-height="448">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8080" class="ax_default box_1">
                      <div id="u8080_div" class=""></div>
                    </div>

                    <!-- Unnamed (Dynamic Panel) -->
                    <div id="u8081" class="ax_default">
                      <div id="u8081_state0" class="panel_state" data-label="State1" style="">
                        <div id="u8081_state0_content" class="panel_state_content">

                          <!-- Unnamed (Rectangle) -->
                          <div id="u8082" class="ax_default box_1">
                            <div id="u8082_div" class=""></div>
                            <div id="u8082_text" class="text ">
                              <p><span>Create</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (Horizontal Line) -->
                          <div id="u8083" class="ax_default line">
                            <img id="u8083_img" class="img " src="images/对话框/u7924.png"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Dynamic Panel) -->
                    <div id="u8084" class="ax_default">
                      <div id="u8084_state0" class="panel_state" data-label="State1" style="">
                        <div id="u8084_state0_content" class="panel_state_content">

                          <!-- Unnamed (Rectangle) -->
                          <div id="u8085" class="ax_default label">
                            <div id="u8085_div" class=""></div>
                            <div id="u8085_text" class="text ">
                              <p><span></span></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Dynamic Panel) -->
                    <div id="u8086" class="ax_default">
                      <div id="u8086_state0" class="panel_state" data-label="State1" style="">
                        <div id="u8086_state0_content" class="panel_state_content">

                          <!-- Unnamed (Rectangle) -->
                          <div id="u8087" class="ax_default box_1">
                            <div id="u8087_div" class=""></div>
                          </div>

                          <!-- Unnamed (Horizontal Line) -->
                          <div id="u8088" class="ax_default line">
                            <img id="u8088_img" class="img " src="images/对话框/u7924.png"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Dynamic Panel) -->
                    <div id="u8089" class="ax_default">
                      <div id="u8089_state0" class="panel_state" data-label="State1" style="">
                        <div id="u8089_state0_content" class="panel_state_content">

                          <!-- Unnamed (Rectangle) -->
                          <div id="u8090" class="ax_default box_1">
                            <div id="u8090_div" class=""></div>
                            <div id="u8090_text" class="text ">
                              <p><span>Submit</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (Rectangle) -->
                          <div id="u8091" class="ax_default box_1">
                            <img id="u8091_img" class="img " src="images/抽屉/u8091.png"/>
                            <div id="u8091_text" class="text ">
                              <p><span>Cancel</span></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8092" class="ax_default label">
                      <div id="u8092_div" class=""></div>
                      <div id="u8092_text" class="text ">
                        <p><span>Name</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u8093" class="ax_default" data-left="18" data-top="102" data-width="312" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u8094" class="ax_default box_1" data-label="input-border">
                        <div id="u8094_div" class=""></div>
                      </div>

                      <!-- Unnamed (Text Field) -->
                      <div id="u8095" class="ax_default text_field">
                        <input id="u8095_input" type="text" value=""/>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8096" class="ax_default label">
                      <div id="u8096_div" class=""></div>
                      <div id="u8096_text" class="text ">
                        <p><span>Name</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u8097" class="ax_default" data-left="370" data-top="102" data-width="313" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u8098" class="ax_default box_1" data-label="input-border">
                        <div id="u8098_div" class=""></div>
                        <div id="u8098_text" class="text ">
                          <p><span>http://</span></p>
                        </div>
                      </div>

                      <!-- input-border (Rectangle) -->
                      <div id="u8099" class="ax_default box_1" data-label="input-border">
                        <div id="u8099_div" class=""></div>
                        <div id="u8099_text" class="text ">
                          <p><span>.com</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (Group) -->
                      <div id="u8100" class="ax_default" data-left="427" data-top="102" data-width="209" data-height="32">

                        <!-- input-border (Rectangle) -->
                        <div id="u8101" class="ax_default box_1" data-label="input-border">
                          <div id="u8101_div" class=""></div>
                        </div>

                        <!-- Unnamed (Text Field) -->
                        <div id="u8102" class="ax_default text_field">
                          <input id="u8102_input" type="text" value=""/>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u8103" class="ax_default" data-left="18" data-top="190" data-width="312" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u8104" class="ax_default box_1" data-label="input-border">
                        <div id="u8104_div" class=""></div>
                        <div id="u8104_text" class="text ">
                          <p><span>please select an owner</span></p>
                        </div>
                      </div>

                      <!-- input-border (Rectangle) -->
                      <div id="u8105" class="ax_default box_1" data-label="input-border">
                        <img id="u8105_img" class="img " src="images/抽屉/input-border_u8105.png"/>
                        <div id="u8105_text" class="text ">
                          <p><span></span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8106" class="ax_default label">
                      <div id="u8106_div" class=""></div>
                      <div id="u8106_text" class="text ">
                        <p><span>Owner</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u8107" class="ax_default" data-left="370" data-top="190" data-width="312" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u8108" class="ax_default box_1" data-label="input-border">
                        <div id="u8108_div" class=""></div>
                        <div id="u8108_text" class="text ">
                          <p><span>please choose the type</span></p>
                        </div>
                      </div>

                      <!-- input-border (Rectangle) -->
                      <div id="u8109" class="ax_default box_1" data-label="input-border">
                        <img id="u8109_img" class="img " src="images/抽屉/input-border_u8105.png"/>
                        <div id="u8109_text" class="text ">
                          <p><span></span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8110" class="ax_default label">
                      <div id="u8110_div" class=""></div>
                      <div id="u8110_text" class="text ">
                        <p><span>Type</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u8111" class="ax_default" data-left="18" data-top="279" data-width="312" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u8112" class="ax_default box_1" data-label="input-border">
                        <div id="u8112_div" class=""></div>
                        <div id="u8112_text" class="text ">
                          <p><span>please choose the approver</span></p>
                        </div>
                      </div>

                      <!-- input-border (Rectangle) -->
                      <div id="u8113" class="ax_default box_1" data-label="input-border">
                        <img id="u8113_img" class="img " src="images/抽屉/input-border_u8105.png"/>
                        <div id="u8113_text" class="text ">
                          <p><span></span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8114" class="ax_default label">
                      <div id="u8114_div" class=""></div>
                      <div id="u8114_text" class="text ">
                        <p><span>Approver</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8115" class="ax_default label">
                      <div id="u8115_div" class=""></div>
                      <div id="u8115_text" class="text ">
                        <p><span>DateTime</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u8116" class="ax_default" data-left="370" data-top="282" data-width="313" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u8117" class="ax_default box_1" data-label="input-border">
                        <div id="u8117_div" class=""></div>
                        <div id="u8117_text" class="text ">
                          <p><span></span></p>
                        </div>
                      </div>

                      <!-- Unnamed (Text Field) -->
                      <div id="u8118" class="ax_default text_field">
                        <input id="u8118_input" type="date" value=""/>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8119" class="ax_default label">
                      <div id="u8119_div" class=""></div>
                      <div id="u8119_text" class="text ">
                        <p><span>Description</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u8120" class="ax_default" data-left="18" data-top="368" data-width="664" data-height="80">

                      <!-- input-area-border (Rectangle) -->
                      <div id="u8121" class="ax_default box_1" data-label="input-area-border">
                        <div id="u8121_div" class=""></div>
                      </div>

                      <!-- Unnamed (Text Area) -->
                      <div id="u8122" class="ax_default text_area">
                        <textarea id="u8122_input"></textarea>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8123" class="ax_default label">
        <div id="u8123_div" class=""></div>
        <div id="u8123_text" class="text ">
          <p><span>对象编辑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8124" class="ax_default label">
        <div id="u8124_div" class=""></div>
        <div id="u8124_text" class="text ">
          <p><span>用于承载编辑相关操作，需要点击关闭按钮关闭。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8125" class="ax_default box_1">
        <div id="u8125_div" class=""></div>
        <div id="u8125_text" class="text ">
          <p><span>打开抽屉</span></p>
        </div>
      </div>

      <!-- info (Dynamic Panel) -->
      <div id="u8126" class="ax_default ax_default_hidden" data-label="info" style="display:none; visibility: hidden">
        <div id="u8126_state0" class="panel_state" data-label="State1" style="">
          <div id="u8126_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8127" class="ax_default box_1">
              <img id="u8127_img" class="img " src="images/抽屉/u8127.png"/>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u8128" class="ax_default" data-label="content">
              <div id="u8128_state0" class="panel_state" data-label="State1" style="">
                <div id="u8128_state0_content" class="panel_state_content">

                  <!-- Unnamed (Dynamic Panel) -->
                  <div id="u8129" class="ax_default">
                    <div id="u8129_state0" class="panel_state" data-label="State1" style="">
                      <div id="u8129_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u8130" class="ax_default box_1">
                          <div id="u8130_div" class=""></div>
                          <div id="u8130_text" class="text ">
                            <p><span>User Profile</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Horizontal Line) -->
                        <div id="u8131" class="ax_default line">
                          <img id="u8131_img" class="img " src="images/对话框/u7924.png"/>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8132" class="ax_default label">
                    <div id="u8132_div" class=""></div>
                    <div id="u8132_text" class="text ">
                      <p><span>Personal</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8133" class="ax_default label">
                    <div id="u8133_div" class=""></div>
                    <div id="u8133_text" class="text ">
                      <p><span>Full Name: Aresn</span></p><p><span>City: BeiJing</span></p><p><span>Birthday: May 14, 1991</span></p><p><span>Message: Hello, Developer</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8134" class="ax_default label">
                    <div id="u8134_div" class=""></div>
                    <div id="u8134_text" class="text ">
                      <p><span style="color:#515A6E;">Account: aresn@aresn.com</span></p><p><span style="color:#515A6E;">Country: China</span></p><p><span style="color:#515A6E;">Website: </span><span style="color:#2C8CF0;">https://dev.iviewui.com</span></p><p><span style="color:#515A6E;"><br></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Horizontal Line) -->
                  <div id="u8135" class="ax_default line">
                    <img id="u8135_img" class="img " src="images/抽屉/u8135.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8136" class="ax_default label">
                    <div id="u8136_div" class=""></div>
                    <div id="u8136_text" class="text ">
                      <p><span>Company</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8137" class="ax_default label">
                    <div id="u8137_div" class=""></div>
                    <div id="u8137_text" class="text ">
                      <p><span>Position: Programmer</span></p><p><span>Department: Map visualization</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8138" class="ax_default label">
                    <div id="u8138_div" class=""></div>
                    <div id="u8138_text" class="text ">
                      <p><span>Responsibilities:Coding</span></p><p><span><br></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8139" class="ax_default label">
                    <div id="u8139_div" class=""></div>
                    <div id="u8139_text" class="text ">
                      <p><span>Skills:C / C + +, data structures, software engineering, operating systems, computer networks, databases, compiler theory, computer architecture, Microcomputer Principle and Interface Technology, Computer English, Java, ASP, etc.</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Horizontal Line) -->
                  <div id="u8140" class="ax_default line">
                    <img id="u8140_img" class="img " src="images/抽屉/u8135.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8141" class="ax_default label">
                    <div id="u8141_div" class=""></div>
                    <div id="u8141_text" class="text ">
                      <p><span>Contacts</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8142" class="ax_default label">
                    <div id="u8142_div" class=""></div>
                    <div id="u8142_text" class="text ">
                      <p><span style="color:#515A6E;">Email: admin@aresn.com</span></p><p><span style="color:#515A6E;">GitHub: </span><span style="color:#2C8CF0;">https://github.com/iview/iview</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8143" class="ax_default label">
                    <div id="u8143_div" class=""></div>
                    <div id="u8143_text" class="text ">
                      <p><span>&nbsp;Phone Number: +86 18888888888</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8144" class="ax_default label">
        <div id="u8144_div" class=""></div>
        <div id="u8144_text" class="text ">
          <p><span>信息预览抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8145" class="ax_default label">
        <div id="u8145_div" class=""></div>
        <div id="u8145_text" class="text ">
          <p><span>需要快速预览对象概要时使用，点击遮罩区关闭。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8146" class="ax_default box_1">
        <div id="u8146_div" class=""></div>
        <div id="u8146_text" class="text ">
          <p><span>打开抽屉</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
